Skip to content

线性代数可视化交互教学网站 v1#1

Draft
Web3Capital wants to merge 2 commits into
mainfrom
claude/linear-algebra-visualization-al3et9
Draft

线性代数可视化交互教学网站 v1#1
Web3Capital wants to merge 2 commits into
mainfrom
claude/linear-algebra-visualization-al3et9

Conversation

@Web3Capital

Copy link
Copy Markdown
Owner

概述

从零搭建的线性代数可视化交互教学网站 v1。零构建、纯静态(HTML/CSS/原生 JS + Canvas),打开即用,可直接部署到 GitHub Pages / Vercel / Netlify。

包含的课程

  1. 向量基础 — 拖动箭头,理解分量、模长、方向角
  2. 向量加法 — 首尾相接 + 平行四边形法则
  3. 线性组合 · 张成空间 — 系数滑块扫过 span,线性相关时观察塌缩
  4. 矩阵即变换 — 2×2 矩阵扭曲整个网格(带 easing 动画),行列式 = 面积缩放
  5. 特征向量与特征值 — 寻找方向不变的特殊方向,实时解算实特征对

结构

  • js/plane.js — 自写二维坐标平面引擎(坐标变换 / 网格 / 向量绘制 / 可拖拽控制点),所有课程复用
  • js/lessons/*.js — 每节课一个模块,导出 meta + mount(root)
  • js/app.js — 哈希路由,导航自动生成
  • index.html / styles.css — 暗色主题界面

本地运行

python3 -m http.server 8000   # 打开 http://localhost:8000

后续方向

点积/投影、高斯消元、矩阵乘法=变换复合、三维(three.js)、每课配练习题。

🤖 Generated with Claude Code


Generated by Claude Code

StephenzhongdongYang and others added 2 commits June 24, 2026 08:04
零构建纯静态站点,自写二维坐标平面引擎,含 5 节交互课程:
向量基础、向量加法、线性组合与张成空间、矩阵变换(带动画)、特征向量。

Co-Authored-By: Claude Opus 4.8 <[email protected]>
Claude-Session: https://claude.ai/code/session_01XR7ghbFaBfELuoTBnQGHbj
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants